// * el-drawer 样式
.el-drawer {
  // drawer header 样式
  .el-drawer__header {
    padding: 15px 20px 14px;
    margin-bottom: 0;
    border-bottom: 1px solid #ebeef5;
    span {
      font-size: 17px;
      color: #303133;
    }
  }
  // drawer header 样式
  .el-drawer__footer {
    border-top: 1px solid #ebeef5;
  }
}

// menu
.side-menu {
  .el-menu-item:hover {
    color: #3f6aff;
    background-color: transparent;
  }
}

// dialog
.el-dialog {
  padding: 0 !important;
  border-radius: 6px !important;
  .el-dialog__header {
    border-bottom: 1px solid #f2f2f4;
    padding: var(--el-dialog-padding-primary);
    .el-dialog__headerbtn {
      font-size: 22px;
    }
  }
  .el-dialog__body {
    padding: var(--el-dialog-padding-primary);
  }
}

// upload
.el-upload.el-upload--picture-card {
  width: 110px;
  height: 110px;
}
.el-upload-list--picture-card {
  --el-upload-list-picture-card-size: 110px !important;
}
// 滚动条样式
/* 修改滚动条的样式 */
::-webkit-scrollbar {
  width: 5px; /* 设置滚动条的宽度 */
  height: 5px;
}
@media screen and (max-width: 414px) {
  ::-webkit-scrollbar {
    width: 2px; /* 设置滚动条的宽度 */
  }
}

// input-number
.common-input-number.el-input-number {
  width: 100%;
  .el-input__inner {
    text-align: left;
  }
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 设置滚动条轨道的背景颜色 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background-color: #d2d2d8; /* 设置滚动条滑块的背景颜色 */
  border-radius: 10px; /* 设置滚动条滑块的圆角 */
}

/* 鼠标悬停在滚动条上时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #d2d2d8; /* 设置鼠标悬停时滚动条滑块的背景颜色 */
}
